import {  onBeforeUnmount, onMounted, ref } from 'vue'
export default function () {
    const x = ref(-1)
    const y = ref(-1)
    // 点击事件的回调
    const clickHandler = (event:any) => {
        x.value = event.pageX
        y.value = event.pageY
    }
    //页面加载完毕了，在进行点击的操作
    // 页面加载完毕的生命周期
    onMounted(() => {
        window.addEventListener('click', clickHandler)
    })
    // 组件卸载完毕的生命周期组合API
    onBeforeUnmount(() => {
        window.removeEventListener('click', clickHandler)
    })
    return {
        x,
        y
    }
}